/* Custom Orbitron with Czech characters */
@font-face {
    font-family: 'OrbitronCZ';
    src: url('https://cdn.jsdelivr.net/gh/chcipcsro-ship-it/ultracomp-fonts/Orbitron-Czech.ttf') format('truetype');
    font-weight: 400 900;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-024F, U+0300-036F;
}

/* Apply Orbitron to all headings */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.homepage-group-title,
.homepage-products-heading-2 {
    font-family: 'OrbitronCZ', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

body {
    background-color: #0C070F;
    color: #e0e0e0;
}

a, a:visited {
    color: #a855f7;
    transition: all 0.3s ease;
}

a:hover {
    color: #c084fc;
}

button, 
input[type="button"], 
input[type="submit"] {
    background-color: #333;
    color: #fff;
    border: 1px solid #444;
}

input, 
select, 
textarea {
    background-color: #333;
    color: #e0e0e0;
    border: 1px solid #444;
}

    .banner-wrapper {
        background-color: #0C070F;
    }
    
    .container-full-width {
        background-color: #0C070F;
    }
    
    .benefit-banners-full-width {
        background-color: #0C070F;
    }
    
    .content-wrapper {
        background-color: #0C070F;
    }
    
    .breadcrumbs {
        background-color: #0C070F;
    }
    
    .sidebar {
        background-color: #0C070F;
        border-color: #892CFF;
    }
    
    .category-header {
        background-color: #0C070F !important;
    }
    
    .category-header input[type=radio]:checked+label {
        background-color: #CC0637 !important;
    }
    
    .p-detail-full-width {
        background-color: #0C070F;
    }
    
    /* Hide "Detailní popis produktu" heading */
    .basic-description > h4 {
        display: none !important;
    }
    
.tab-content {
    background: transparent !important;
    backdrop-filter: none;
    border-radius: 0;
    box-shadow: none;
    border: none !important;
}
    
.p-detail-tabs {
    background: transparent;
    backdrop-filter: none;
    border-radius: 0;
    border: none;
    padding: 8px 0;
    display: flex;
    gap: 12px;
    box-shadow: none;
}

.shp-tabs-holder,
.shp-tabs-row,
.shp-tabs-wrapper,
.p-detail-tabs-wrapper {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.shp-tab {
    flex: 1;
    text-align: center;
}
    
.shp-tab.active {
    background: linear-gradient(135deg, #892CFF 0%, #6b21a8 50%, #581c87 100%) !important;
    backdrop-filter: blur(10px);
    border: none;
    border-radius: 12px !important;
    box-shadow: none;
}

.shp-tab.active .shp-tab-link {
    background: transparent !important;
    color: #ffffff !important;
    text-shadow: none;
    border: 1px solid transparent !important;
    box-shadow: none !important;
    height: 48px !important;
    padding: 14px 20px !important;
}
    
.shp-tab-link {
    font-family: 'OrbitronCZ', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    background: linear-gradient(135deg, #1a0d1f 0%, #251535 100%) !important;
    backdrop-filter: blur(8px);
    border: 1px solid rgba(139, 44, 255, 0.2) !important;
    border-radius: 10px !important;
    padding: 14px 20px !important;
    color: #c4b5d4 !important;
    transition: all 0.3s ease;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    height: 48px !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
}

.shp-tab-link:hover {
    background: linear-gradient(135deg, #2d1b3d 0%, #3d2851 100%) !important;
    border-color: rgba(139, 44, 255, 0.5) !important;
    color: #e8e3f0 !important;
    box-shadow: none;
}

/* Navigation button for tab overflow */
.navigation-btn {
    font-family: 'OrbitronCZ', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    background: linear-gradient(135deg, #892CFF 0%, #6b21a8 100%) !important;
    border: 1px solid rgba(139, 44, 255, 0.5) !important;
    border-radius: 10px !important;
    color: #ffffff !important;
    padding: 10px 14px !important;
    font-size: 16px !important;
    cursor: pointer;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
}

.navigation-btn:hover {
    background: linear-gradient(135deg, #a855f7 0%, #892CFF 100%) !important;
    box-shadow: none !important;
}
    
.tab-content .detail-parameters tr:nth-child(odd) {
    background: linear-gradient(135deg, #0f0f1566 0%, #1a0d1f44 100%) !important;
    backdrop-filter: blur(6px);
}
    
    .footer-bottom {
        background-color: #0C070F;
    }
    
    .footer-bottom-full-width {
        background-color: #0C070F;
    }
    
    .popup-widget-inner {
        background-color: #0C070F;
    }
    
/* ============================================ */
/* CART PAGE UX IMPROVEMENTS                    */
/* ============================================ */

/* Cart headings - Orbitron */
.cart-content h4,
.checkout-box-wrapper h4,
.summary-wrapper h4 {
    font-family: 'OrbitronCZ', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    font-weight: 600 !important;
    color: #e8e3f0 !important;
    font-size: 15px !important;
    margin-bottom: 16px !important;
}

/* Cart step indicators */
.cart-header {
    display: flex !important;
    gap: 8px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 24px 0 !important;
}

.cart-header .step {
    flex: 1 !important;
    text-align: center !important;
    padding: 12px 16px !important;
    border-radius: 12px !important;
    font-family: 'OrbitronCZ', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    transition: all 0.3s ease !important;
    background: rgba(15, 10, 20, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.04) !important;
    color: #8b7a9e !important;
}

.cart-header .step.active {
    background: linear-gradient(135deg, #892CFF 0%, #6b21a8 50%, #581c87 100%) !important;
    border: 1px solid rgba(139, 44, 255, 0.5) !important;
    color: #ffffff !important;
    box-shadow: 0 0 25px rgba(139, 44, 255, 0.2) !important;
}

.cart-header .step.active strong {
    color: #ffffff !important;
}

.cart-header .step a {
    color: #c4b5d4 !important;
    text-decoration: none !important;
}

.cart-header .step a:hover {
    color: #e8e3f0 !important;
}

/* Cart availability label - fix green visibility */
.cart-table .availability-label {
    color: #4ade80 !important;
    font-size: 12px !important;
}

.cart-table .availability-amount {
    color: #9ca3af !important;
    font-size: 11px !important;
}

.cart-table .p-label {
    color: #8b7a9e !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* Cart product name link */
.cart-table .p-name a {
    color: #e8e3f0 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: color 0.3s ease !important;
}

.cart-table .p-name a:hover {
    color: #c084fc !important;
}

/* Cart prices - better contrast */
.cart-table .price-final {
    color: #c084fc !important;
    font-family: 'OrbitronCZ', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
}

.cart-table .p-total .price-final {
    color: #ffffff !important;
    font-size: 15px !important;
}

.cart-table .unit-value {
    color: #8b7a9e !important;
    font-size: 11px !important;
}

/* Delivery time bar */
.delivery-time {
    background: rgba(15, 10, 20, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 12px !important;
    padding: 12px 18px !important;
    margin-top: 16px !important;
    color: #c4b5d4 !important;
    font-size: 13px !important;
}

.delivery-time strong {
    color: #4ade80 !important;
}

/* Discount coupon section */
.cart-summary {
    margin-top: 20px !important;
}

.discount-coupon .input-group {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
}

.discount-coupon .form-control {
    background: rgba(10, 6, 16, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 12px !important;
    color: #e8e3f0 !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

.discount-coupon .form-control::placeholder {
    color: #6b5f7a !important;
}

/* Fix discount percentage icon */
.discount-coupon .icon-discount {
    position: static !important;
    float: none !important;
    display: block !important;
    text-align: center !important;
    margin-bottom: 10px !important;
    color: #8b7a9e !important;
}

/* Hide percentage icon on mobile */
@media (max-width: 768px) {
    .icon-discount,
    .discount-coupon .icon-discount,
    .discount-coupon i {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 0 !important;
        line-height: 0 !important;
    }
    
    /* ====== MOBILE CONTACT BOX REBUILD ====== */
    
    /* Nuclear reset on the whole contact box */
    .checkout-box-wrapper .box.box-sm.box-bg-default,
    .checkout-box-wrapper .contact-box {
        all: unset !important;
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Kill image completely */
    .checkout-box-wrapper .contact-box > img {
        all: unset !important;
        display: none !important;
        position: absolute !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
    }
    
    /* Hide name */
    .checkout-box-wrapper .contact-box > strong {
        display: none !important;
    }
    
    /* Reset ul */
    .checkout-box-wrapper .contact-box ul {
        all: unset !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Reset li */
    .checkout-box-wrapper .contact-box ul li {
        all: unset !important;
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Rebuild each span as a button */
    .checkout-box-wrapper .contact-box ul li span,
    .checkout-box-wrapper .contact-box ul li span.mail,
    .checkout-box-wrapper .contact-box ul li span.tel,
    .checkout-box-wrapper .contact-box ul li span.facebook,
    .checkout-box-wrapper .contact-box ul li span.instagram {
        all: unset !important;
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        width: 100% !important;
        padding: 14px 16px !important;
        background: rgba(15, 10, 20, 0.5) !important;
        border: 1px solid rgba(255, 255, 255, 0.05) !important;
        border-radius: 14px !important;
        box-sizing: border-box !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
    }
    
    .checkout-box-wrapper .contact-box ul li span:hover {
        background: rgba(30, 18, 45, 0.5) !important;
        border-color: rgba(255, 255, 255, 0.08) !important;
    }
    
    /* Icon styling */
    .checkout-box-wrapper .contact-box ul li span i {
        all: unset !important;
        color: #a855f7 !important;
        font-size: 18px !important;
        width: 20px !important;
        text-align: center !important;
        flex-shrink: 0 !important;
        font-style: normal !important;
        -webkit-font-smoothing: antialiased !important;
        font-family: "shoptet-icons", "shoptet" !important;
    }
    
    /* Link styling */
    .checkout-box-wrapper .contact-box ul li span a {
        all: unset !important;
        color: #e8e3f0 !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        flex: 1 !important;
        min-width: 0 !important;
        cursor: pointer !important;
    }
    
    .checkout-box-wrapper .contact-box ul li span a:hover {
        color: #c084fc !important;
    }
}
    
    /* Wider contact buttons on mobile */
    .checkout-box-wrapper .contact-box ul li span {
        width: 100% !important;
        box-sizing: border-box !important;
        flex-direction: row !important;
        justify-content: flex-start !important;
    }
    
    .checkout-box-wrapper .contact-box ul li span a {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        min-width: 0 !important;
        flex: 1 !important;
    }
    
    .checkout-box-wrapper .box.box-sm.box-bg-default {
        padding: 16px 12px !important;
    }
}

.discount-coupon .btn-primary {
    background: linear-gradient(135deg, #892CFF 0%, #6b21a8 100%) !important;
    border: none !important;
    border-radius: 12px !important;
    color: #ffffff !important;
    font-family: 'OrbitronCZ', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 11px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    padding: 12px 20px !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    height: auto !important;
    max-height: 48px !important;
    line-height: 1.2 !important;
}

.discount-coupon .btn-primary:hover {
    background: linear-gradient(135deg, #a855f7 0%, #892CFF 100%) !important;
    box-shadow: 0 0 20px rgba(139, 44, 255, 0.25) !important;
}

/* Mobile coupon - stack vertically */
@media (max-width: 768px) {
    .discount-coupon .input-group {
        flex-direction: column !important;
        gap: 10px !important;
        align-items: stretch !important;
    }
    
    .discount-coupon .form-control {
        width: 100% !important;
        padding: 14px 16px !important;
        font-size: 15px !important;
    }
    
    .discount-coupon .btn-primary {
        width: 100% !important;
        padding: 12px 20px !important;
        height: auto !important;
        max-height: 48px !important;
        font-size: 12px !important;
        text-align: center !important;
        line-height: 1.2 !important;
    }
    
    /* Fix percentage icon position */
    .discount-coupon .icon-discount {
        position: static !important;
        display: block !important;
        text-align: center !important;
        margin-bottom: 8px !important;
        font-size: 18px !important;
    }
}

/* Free delivery badge */
.extras-wrap .extra.delivery {
    background: linear-gradient(135deg, rgba(5, 46, 22, 0.5) 0%, rgba(20, 83, 45, 0.4) 100%) !important;
    border: 1px solid rgba(74, 222, 128, 0.15) !important;
    border-radius: 12px !important;
    padding: 12px 18px !important;
    color: #4ade80 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.extras-wrap .extra.delivery strong {
    color: #4ade80 !important;
    font-size: 13px !important;
}

.extras-wrap .extra.delivery i {
    color: #4ade80 !important;
}

/* Summary wrapper - price labels */
.summary-wrapper .price-label {
    color: #c4b5d4 !important;
    font-size: 13px !important;
}

.summary-wrapper .price-label.price-secondary {
    color: #8b7a9e !important;
    font-size: 12px !important;
}

.summary-wrapper .price.price-primary {
    color: #ffffff !important;
    font-family: 'OrbitronCZ', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-weight: 700 !important;
    font-size: 18px !important;
}

.summary-wrapper .price.price-secondary {
    color: #8b7a9e !important;
    font-size: 12px !important;
}

/* Cart buttons */
.next-step {
    display: flex !important;
    gap: 10px !important;
    margin-top: 16px !important;
    flex-wrap: wrap !important;
    max-width: 100% !important;
}

.next-step .btn {
    font-family: 'OrbitronCZ', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    border-radius: 12px !important;
    padding: 14px 20px !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.next-step .next-step-back {
    background: rgba(15, 10, 20, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    color: #c4b5d4 !important;
}

.next-step .next-step-back:hover {
    background: rgba(30, 18, 45, 0.6) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #e8e3f0 !important;
}

.next-step .next-step-forward,
.next-step .btn-conversion {
    background: linear-gradient(135deg, #892CFF 0%, #6b21a8 50%, #581c87 100%) !important;
    border: 1px solid rgba(168, 85, 247, 0.3) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 20px rgba(139, 44, 255, 0.25) !important;
}

.next-step .next-step-forward:hover,
.next-step .btn-conversion:hover {
    background: linear-gradient(135deg, #a855f7 0%, #892CFF 50%, #6b21a8 100%) !important;
    box-shadow: 0 6px 30px rgba(139, 44, 255, 0.35), 0 0 15px rgba(139, 44, 255, 0.15) !important;
    transform: translateY(-2px) !important;
}

/* Contact box in sidebar */
.checkout-box-wrapper .contact-box {
    text-align: center !important;
}

.checkout-box-wrapper .contact-box strong {
    font-family: 'OrbitronCZ', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    color: #e8e3f0 !important;
    letter-spacing: 1.5px !important;
    font-size: 14px !important;
    display: block !important;
    margin-bottom: 16px !important;
}

.checkout-box-wrapper .contact-box ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.checkout-box-wrapper .contact-box ul li {
    padding: 0 !important;
}

/* Each contact row as a styled button */
.checkout-box-wrapper .contact-box ul li span {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 16px !important;
    background: rgba(15, 10, 20, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 14px !important;
    transition: all 0.3s ease !important;
    overflow: hidden !important;
}

.checkout-box-wrapper .contact-box ul li span:hover {
    background: rgba(30, 18, 45, 0.5) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    transform: translateY(-1px) !important;
}

.checkout-box-wrapper .contact-box ul li span i {
    color: #a855f7 !important;
    font-size: 18px !important;
    width: 20px !important;
    text-align: center !important;
    flex-shrink: 0 !important;
    margin-right: 0 !important;
}

.checkout-box-wrapper .contact-box a {
    color: #e8e3f0 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    min-width: 0 !important;
    flex: 1 !important;
}

.checkout-box-wrapper .contact-box a:hover {
    color: #c084fc !important;
}

/* Hide ugly full Facebook URL, show clean label */
.checkout-box-wrapper .contact-box .facebook a {
    font-size: 0 !important;
    line-height: 0 !important;
}

.checkout-box-wrapper .contact-box .facebook a::after {
    content: "Facebook";
    font-size: 13px !important;
    line-height: normal !important;
    font-weight: 500;
    color: #e8e3f0;
}

.checkout-box-wrapper .contact-box .facebook a:hover::after {
    color: #c084fc;
}

/* Clean up Instagram label */
.checkout-box-wrapper .contact-box .instagram a {
    font-size: 0 !important;
    line-height: 0 !important;
}

.checkout-box-wrapper .contact-box .instagram a::after {
    content: "Instagram";
    font-size: 13px !important;
    line-height: normal !important;
    font-weight: 500;
    color: #e8e3f0;
}

.checkout-box-wrapper .contact-box .instagram a:hover::after {
    color: #c084fc;
}

/* Quantity controls - rounded outer corners */
.quantity .amount {
    background: rgba(10, 6, 16, 0.6) !important;
    border: none !important;
    border-radius: 0 !important;
    color: #e8e3f0 !important;
    text-align: center !important;
    font-weight: 600 !important;
}

.quantity .increase,
.quantity .decrease {
    background: rgba(26, 13, 31, 0.6) !important;
    border: none !important;
    border-radius: 10px !important;
    color: #c084fc !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.quantity .increase:hover,
.quantity .decrease:hover {
    background: rgba(45, 27, 61, 0.8) !important;
    color: #ffffff !important;
}

/* Remove item button */
.remove-item {
    color: #ef4444 !important;
    background: transparent !important;
    border: none !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

.remove-item:hover {
    color: #f87171 !important;
    transform: scale(1.1) !important;
}

/* ============================================ */
/* END CART PAGE UX IMPROVEMENTS                */
/* ============================================ */

/* Enhanced Cart Widget */
.cart-widget-bottom {
    background: linear-gradient(135deg, rgba(5, 5, 9, 0.95) 0%, rgba(10, 6, 16, 0.9) 30%, rgba(18, 10, 23, 0.95) 100%);
    backdrop-filter: blur(25px);
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow: 
        0 -4px 20px rgba(0, 0, 0, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
    
.cart-widget-button {
    background: linear-gradient(135deg, rgba(10, 6, 16, 0.8) 0%, rgba(20, 12, 30, 0.6) 50%, rgba(30, 18, 45, 0.7) 100%);
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 16px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.cart-widget-button:hover {
    background: linear-gradient(135deg, rgba(18, 9, 26, 0.9) 0%, rgba(35, 20, 50, 0.7) 50%, rgba(45, 27, 61, 0.8) 100%);
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 
        0 6px 20px rgba(0, 0, 0, 0.4),
        0 0 25px rgba(139, 44, 255, 0.12);
    transform: translateY(-2px);
}
    
.summary-wrapper {
    background: linear-gradient(135deg, rgba(12, 7, 15, 0.85) 0%, rgba(20, 12, 30, 0.7) 30%, rgba(12, 18, 35, 0.6) 70%, rgba(25, 15, 40, 0.8) 100%);
    backdrop-filter: blur(25px);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 24px;
    box-shadow: 
        0 8px 32px rgba(0, 0, 0, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        inset 0 0 60px rgba(139, 44, 255, 0.03);
}
    
.checkout-box-wrapper {
    background: linear-gradient(135deg, rgba(18, 10, 28, 0.8) 0%, rgba(12, 18, 35, 0.6) 50%, rgba(25, 15, 40, 0.7) 100%);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 20px;
}
    
.box .contact-box img {
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.06);
}
    
/* Enhanced Cart Content */
.cart-content {
    background: linear-gradient(135deg, rgba(10, 6, 16, 0.9) 0%, rgba(16, 10, 25, 0.7) 30%, rgba(10, 16, 30, 0.6) 70%, rgba(22, 12, 35, 0.85) 100%);
    backdrop-filter: blur(30px);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 28px;
    padding: 28px;
    margin: 20px;
    box-shadow: 
        0 8px 32px rgba(0, 0, 0, 0.6),
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        inset 0 0 80px rgba(139, 44, 255, 0.03);
}
    
.checkout-box {
    border-radius: 24px !important;
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.04) !important;
}

.co-box {
    background: linear-gradient(135deg, rgba(18, 10, 28, 0.7) 0%, rgba(12, 18, 35, 0.5) 50%, rgba(25, 15, 40, 0.6) 100%);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 24px;
}

.box.box-bg-default {
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(10, 10, 15, 0.5) 0%, rgba(18, 10, 28, 0.4) 100%);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 24px;
}

.form-control {
    background: rgba(10, 10, 15, 0.5) !important;
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 12px;
    box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.3);
}
    
.id--15.ordering-process .co-box.co-payment-method .row {
    background: rgba(10, 10, 15, 0.5);
    backdrop-filter: blur(10px);
    border-radius: 16px;
}
    
.checkout-box .box.box-sm {
    background: rgba(10, 10, 15, 0.5);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.04);
    border-radius: 16px;
}

/* Enhanced Cart Table */
.cart-table {
    width: 100%;
    table-layout: fixed;
    backdrop-filter: blur(12px);
    border-spacing: 0 12px;
}

/* Enhanced Cart Table Rows */
.cart-table tr.removeable {
    background: linear-gradient(135deg, #0d0812 0%, #1a0d1f 50%, #241530 100%);
    backdrop-filter: blur(15px);
    border: none;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 
        0 4px 20px rgba(0, 0, 0, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
    transition: all 0.3s ease;
}

.cart-table tr.removeable:hover {
    background: linear-gradient(135deg, #12091a 0%, #2d1b3d 50%, #3d2851 100%);
    transform: translateY(-2px);
    box-shadow: 
        0 8px 25px rgba(0, 0, 0, 0.5),
        0 0 20px rgba(139, 44, 255, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

/* Cart table cells unified styling */
.cart-table tr.removeable > td {
    border: none !important;
    padding: 20px 16px;
    background: transparent !important;
    border-radius: 0;
}
    
/* Enhanced Quantity Cell */
.p-quantity.p-cell {
    background: rgba(10, 6, 16, 0.5) !important;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 0;
    padding: 8px !important;
}

.p-quantity.p-cell input,
.p-quantity.p-cell select {
    background: rgba(10, 6, 16, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 0;
    color: #e8e3f0;
    padding: 6px 12px;
}
    
/* Enhanced Price Cell */
.p-price.p-cell {
    background: rgba(10, 6, 16, 0.5) !important;
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.04);
    border-radius: 0 !important;
    padding: 12px 16px !important;
    margin: 0 !important;
    color: #a855f7;
    font-weight: 600;
}
    
/* Enhanced Total Price */
.p-total {
    background: linear-gradient(135deg, #450a0a 0%, #7c1d1d 50%, #991b1b 100%) !important;
    backdrop-filter: blur(12px);
    border: 1px solid rgba(220, 38, 38, 0.4);
    border-radius: 0 !important;
    padding: 12px 16px !important;
    color: #fca5a5 !important;
    font-weight: 700;
}
    
/* Enhanced Product Name */
.p-name {
    background: transparent !important;
    backdrop-filter: none !important;
    border: none !important;
    border-radius: 0 !important;
    color: #e8e3f0 !important;
    font-weight: 500;
}
    
/* Enhanced Cart Product Image */
.cart-p-image {
    background: rgba(10, 6, 16, 0.5) !important;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.04);
    border-radius: 0 !important;
    padding: 8px;
    width: 100%;
    height: auto;
}

.cart-p-image img {
    border-radius: 0;
    border: 1px solid rgba(255, 255, 255, 0.04);
}

/* Remove Button Improvements */
.cart-table .btn-remove {
    background: linear-gradient(135deg, #450a0a 0%, #7c1d1d 100%);
    border: 1px solid rgba(220, 38, 38, 0.3);
    border-radius: 0;
    color: #fca5a5;
    padding: 8px 12px;
    transition: all 0.3s ease;
    backdrop-filter: blur(8px);
}

.cart-table .btn-remove:hover {
    background: linear-gradient(135deg, #7c1d1d 0%, #991b1b 100%);
    border-color: rgba(220, 38, 38, 0.5);
    box-shadow: 0 0 15px rgba(220, 38, 38, 0.3);
    transform: scale(1.05);
}

/* Mobile Cart Improvements */
@media (max-width: 768px) {
    /* ====== CART STEPS - FIT ON MOBILE ====== */
    .cart-header {
        gap: 4px !important;
        margin: 0 0 16px 0 !important;
    }

    .cart-header .step {
        padding: 10px 6px !important;
        font-size: 10px !important;
        letter-spacing: 0.3px !important;
        border-radius: 8px !important;
        min-width: 0 !important;
        overflow: hidden !important;
        word-break: break-word !important;
        hyphens: auto !important;
        line-height: 1.3 !important;
    }

    .cart-header .step span {
        display: block !important;
        font-size: 10px !important;
        letter-spacing: 0.3px !important;
        white-space: normal !important;
        word-break: break-word !important;
        hyphens: auto !important;
        line-height: 1.3 !important;
    }

    .cart-header .step strong {
        font-size: 10px !important;
        letter-spacing: 0.3px !important;
    }

    /* Make cart table rows use flexbox layout */
    .cart-table tr.removeable {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: flex-start !important;
        margin-bottom: 16px;
        border-radius: 0;
    }
    
    /* Position image cell first (leftmost) */
    .cart-table tr.removeable td.cart-p-image {
        order: -1 !important;
        flex: 0 0 auto !important;
        width: auto !important;
        margin-right: 15px !important;
        align-self: flex-start !important;
    }
    
    /* Product name should be second, taking remaining space */
    .cart-table tr.removeable td.p-name {
        order: -1 !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        background: transparent !important;
        backdrop-filter: none !important;
        border: none !important;
        border-radius: 0 !important;
        padding: 12px 15px;
    }
    
    /* Total price positioned directly under product name, aligned left */
    .cart-table tr.removeable td.p-total {
        order: 0 !important;
        flex: 0 0 100% !important;
        margin-left: 95px !important; /* Align with product name by offsetting for image width */
        margin-top: -8px !important;
        margin-bottom: 8px !important;
        width: auto !important;
        max-width: 120px !important;
    }
    
    /* Price cell positioned under total */
    .cart-table tr.removeable td.p-price {
        order: 1 !important;
        flex: 0 0 100px !important;
        margin-left: 95px !important;
        margin-right: 10px !important;
        margin-top: 8px !important;
    }
    
    /* Quantity control positioned next to price */
    .cart-table tr.removeable td.p-quantity {
        order: 2 !important;
        flex: 0 0 auto !important;
        border-radius: 0 !important;
        margin-top: 8px !important;
    }
    
    /* Remove button positioned at the end */
    .cart-table tr.removeable td:last-child {
        order: 3 !important;
        flex: 0 0 auto !important;
        margin-top: 8px !important;
        margin-left: auto !important;
    }
    
    /* Reset the image styling */
    .cart-table .cart-p-image img {
        width: 80px !important;
        max-width: 80px !important;
        height: auto !important;
        float: none !important;
        margin: 0 !important;
        display: block !important;
    }
    
    /* Ensure proper spacing for all cells */
    .cart-table tr.removeable > td {
        border: none !important;
        padding: 8px 12px !important;
        background: transparent !important;
        backdrop-filter: none;
        margin-bottom: 8px !important;
    }
    
    .content-wrapper.container .row.cart-row > div, 
    .ordering-process .content-wrapper.container {
        border-radius: 0;
        backdrop-filter: blur(15px);
    }
    
    .cart-content {
        margin: 10px;
        padding: 20px;
        border-radius: 20px;
    }
    
    /* ====== CART BUTTONS - STACK ON MOBILE ====== */
    .next-step {
        flex-direction: column !important;
        gap: 8px !important;
    }
    
    .next-step .btn {
        width: 100% !important;
        text-align: center !important;
        justify-content: center !important;
        padding: 12px 16px !important;
        font-size: 11px !important;
        letter-spacing: 0.5px !important;
        box-sizing: border-box !important;
    }
    
    .next-step .next-step-forward,
    .next-step .btn-conversion {
        order: -1 !important;
    }
}

  
.content-modal {
    background: linear-gradient(to right, #281034, #0E204C);
    border-radius: 20px;
}

#cboxContent {
    background: rgba(10, 6, 16, 0.95) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
    backdrop-filter: blur(20px) !important;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.7) !important;
}

#cboxLoadedContent {
    background: transparent !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#cboxLoadedContent img.cboxPhoto {
    border-radius: 8px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

::selection {
    background: rgba(168, 85, 247, 0.3);
    color: #e8e3f0;
}

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background: linear-gradient(135deg, #0a0a0f 0%, #1a0d1f 100%);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #6b46c1 0%, #8b5cf6 100%);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #8b5cf6 0%, #a855f7 100%);
}

/* Arrow buttons styling for colorbox */
#cboxNext, #cboxPrevious {
    color: #a855f7 !important;
}

#cboxNext:hover, #cboxPrevious:hover {
    color: #c084fc !important;
}

/* Enhanced hidden-links styling */
.hidden-links {
    background: linear-gradient(135deg, rgba(10, 6, 16, 0.7) 0%, rgba(21, 13, 26, 0.5) 50%, rgba(26, 16, 37, 0.6) 100%) !important;
    backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 16px !important;
    padding: 8px !important;
    margin: 12px 0 !important;
    box-shadow: none !important;
}

.hidden-links .shp-tab {
    background: transparent !important;
    border-radius: 12px !important;
    margin: 4px !important;
    transition: all 0.3s ease !important;
}

.hidden-links .shp-tab:hover {
    background: linear-gradient(135deg, #1a0d1f99 0%, #2d1b3d77 100%) !important;
}

.hidden-links .shp-tab-link {
    font-family: 'OrbitronCZ', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    background: linear-gradient(135deg, #1a0d1f 0%, #251535 100%) !important;
    backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(139, 44, 255, 0.2) !important;
    border-radius: 10px !important;
    color: #c4b5d4 !important;
    padding: 12px 18px !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    display: block !important;
    box-shadow: none !important;
}

.hidden-links .shp-tab-link:hover {
    background: linear-gradient(135deg, #2d1b3d 0%, #3d2851 100%) !important;
    border-color: rgba(139, 44, 255, 0.5) !important;
    color: #e8e3f0 !important;
    box-shadow: none !important;
}

.hidden-links .tab-manufacturer-name {
    color: #a855f7 !important;
    font-weight: 700 !important;
    margin-left: 8px !important;
    font-family: 'OrbitronCZ', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* Change "Značka UltraComp" to "ULTRACOMP BRAND" */
.shp-tab[data-testid="tabBrand"] .shp-tab-link {
    font-size: 0 !important;
    height: 48px !important;
}

.shp-tab[data-testid="tabBrand"] .shp-tab-link::before {
    content: "ULTRACOMP BRAND";
    font-size: 13px !important;
    font-family: 'OrbitronCZ', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 600;
    line-height: 1 !important;
}

.shp-tab[data-testid="tabBrand"] .tab-manufacturer-name {
    display: none !important;
}

/* Navigation button positioning fix */
.responsive-nav {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 12px !important;
}

.shp-tabs-holder {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.navigation-btn {
    flex-shrink: 0 !important;
    margin-left: auto !important;
}

/* ============================================ */
/* MOBILE FULL-WIDTH PRODUCT PAGE FIX */
/* ============================================ */

@media (max-width: 768px) {
    /* Remove container constraints on mobile */
    .p-detail-full-width,
    .p-detail-full-width .container-full-width,
    .p-detail-tabs-wrapper,
    .shp-tabs-wrapper {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    
    /* Tabs responsive styling */
    .p-detail-tabs {
        padding: 6px 0 !important;
        gap: 8px !important;
        margin: 0 !important;
        background: transparent !important;
        border: none !important;
        flex-wrap: wrap !important;
    }
    
    .shp-tab-link {
        font-size: 12px !important;
        padding: 10px 14px !important;
        letter-spacing: 0.8px !important;
        border-radius: 8px !important;
        height: 44px !important;
    }
    
    .shp-tab.active {
        border-radius: 8px !important;
    }
    
    .shp-tab.active .shp-tab-link {
        height: 44px !important;
        padding: 10px 14px !important;
    }
    
    .shp-tab[data-testid="tabBrand"] .shp-tab-link {
        height: 44px !important;
    }
    
    /* Navigation button mobile fix */
    .responsive-nav {
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        padding: 8px 10px !important;
    }
    
    .shp-tabs-holder {
        overflow: hidden !important;
        flex: 1 !important;
    }
    
    .navigation-btn {
        position: relative !important;
        flex-shrink: 0 !important;
        padding: 8px 12px !important;
        font-size: 14px !important;
        border-radius: 8px !important;
        margin-left: 8px !important;
    }
    
    /* ULTRACOMP BRAND text smaller on mobile */
    .shp-tab[data-testid="tabBrand"] .shp-tab-link::before {
        font-size: 12px !important;
        letter-spacing: 0.8px !important;
    }
    
    /* Tab content full width */
    .tab-content,
    #tab-content {
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }
    
    /* Description inner full width */
    .description-inner,
    .basic-description {
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* UltraComp product page - reduce padding on mobile */
    .ultracomp-product-page-v2 {
        padding: 20px 10px !important;
        max-width: 100% !important;
    }
    
    /* Sections inside - tighter padding */
    .ultracomp-product-page-v2 .performance-section-v2,
    .ultracomp-product-page-v2 .faq-section-v2,
    .ultracomp-product-page-v2 .glossary-wrapper {
        padding: 16px 12px !important;
        border-radius: 16px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Component cards full width */
    .ultracomp-product-page-v2 .components-showcase {
        padding: 10px 0 !important;
        gap: 20px !important;
    }
    
    /* Review cards - remove side gaps */
    .ultracomp-product-page-v2 .reviews-grid {
        gap: 12px !important;
    }
    
    /* Contact section full width */
    .ultracomp-product-page-v2 .contact-grid {
        border-radius: 16px !important;
        margin: 0 !important;
    }
}

@media (max-width: 480px) {
    /* ====== CART STEPS - EXTRA SMALL ====== */
    .cart-header .step {
        padding: 8px 4px !important;
        font-size: 9px !important;
        letter-spacing: 0 !important;
        border-radius: 6px !important;
    }

    .cart-header .step span,
    .cart-header .step strong {
        font-size: 9px !important;
        letter-spacing: 0 !important;
    }

    /* Extra small - even tighter */
    .ultracomp-product-page-v2 {
        padding: 12px 6px !important;
    }
    
    .ultracomp-product-page-v2 .performance-section-v2,
    .ultracomp-product-page-v2 .faq-section-v2,
    .ultracomp-product-page-v2 .glossary-wrapper {
        padding: 12px 10px !important;
        border-radius: 12px !important;
    }
    
    .ultracomp-product-page-v2 .component-card {
        padding: 16px !important;
        border-radius: 16px !important;
    }
    
    .ultracomp-product-page-v2 .section-title-standalone {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    
    /* Extra small tabs */
    .shp-tab-link {
        font-size: 11px !important;
        padding: 8px 12px !important;
        letter-spacing: 0.5px !important;
        height: 40px !important;
    }
    
    .shp-tab.active .shp-tab-link {
        height: 40px !important;
        padding: 8px 12px !important;
    }
    
    .shp-tab[data-testid="tabBrand"] .shp-tab-link {
        height: 40px !important;
    }
    
    .shp-tab[data-testid="tabBrand"] .shp-tab-link::before {
        font-size: 11px !important;
    }
    
    .navigation-btn {
        padding: 6px 10px !important;
        font-size: 12px !important;
    }
}

/* ============================================ */
/* ORDER SUMMARY / RECAP SECTION                */
/* ============================================ */

/* Hide "Potřebujete pomoc?" toggle button */
.btn.toggle-contacts,
span.toggle-contacts,
.cart-content .toggle-contacts,
.order-summary .toggle-contacts {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

/* Strip .cart-content ONLY when it wraps the order summary recap */
.cart-content:has(> .order-summary) {
    background: transparent !important;
    backdrop-filter: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 20px !important;
    margin: 20px !important;
    box-shadow: none !important;
}

@media (max-width: 768px) {
    .cart-content:has(> .order-summary) {
        padding: 12px !important;
        margin: 10px !important;
    }
}

/* Also strip inner wrappers */
.order-summary,
.order-summary > .checkout-box {
    background: transparent !important;
    backdrop-filter: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* Green badge for ZDARMA pricing (applied via JS) */
.recapitulation-shipping-billing-info [data-testid="recapItemPrice"].free-badge,
.order-summary-inner .recapitulation-shipping-billing-info [data-testid="recapItemPrice"].free-badge {
    background: rgba(74, 222, 128, 0.1) !important;
    border: 1px solid rgba(74, 222, 128, 0.25) !important;
    color: #4ade80 !important;
}

/*
 * JS snippet required — add to Shoptet custom JavaScript:
 *
 * document.querySelectorAll('.recapitulation-shipping-billing-info [data-testid="recapItemPrice"]').forEach(function(el) {
 *     if (el.textContent.trim().toUpperCase() === 'ZDARMA') {
 *         el.classList.add('free-badge');
 *     }
 * });
 */

/* Main container */
.order-summary-inner {
    background: linear-gradient(135deg, rgba(12, 7, 15, 0.9) 0%, rgba(20, 12, 30, 0.75) 40%, rgba(15, 10, 25, 0.8) 100%) !important;
    backdrop-filter: blur(25px) !important;
    border: 1px solid rgba(139, 44, 255, 0.12) !important;
    border-radius: 24px !important;
    padding: 28px !important;
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        inset 0 0 60px rgba(139, 44, 255, 0.03) !important;
}

/* Section heading */
.order-summary-inner > h4 {
    font-family: 'OrbitronCZ', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    color: #e8e3f0 !important;
    margin: 0 0 20px 0 !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid rgba(139, 44, 255, 0.15) !important;
    position: relative !important;
}

.order-summary-inner > h4::after {
    content: '' !important;
    position: absolute !important;
    bottom: -1px !important;
    left: 0 !important;
    width: 60px !important;
    height: 2px !important;
    background: linear-gradient(90deg, #892CFF, transparent) !important;
    border-radius: 2px !important;
}

/* ---- Cart Items ---- */
.order-summary-inner .cart-items {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    margin-bottom: 16px !important;
}

/* Individual cart item row */
.order-summary-inner .cart-item {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 14px 16px !important;
    background: rgba(15, 10, 22, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.04) !important;
    border-radius: 14px !important;
    margin-bottom: 8px !important;
    transition: all 0.3s ease !important;
}

.order-summary-inner .cart-item:hover {
    background: rgba(25, 15, 35, 0.6) !important;
    border-color: rgba(139, 44, 255, 0.15) !important;
    transform: translateX(4px) !important;
}

.order-summary-inner .cart-item:last-child {
    margin-bottom: 0 !important;
}

/* Product name */
.order-summary-inner .cart-item-name {
    flex: 1 !important;
    min-width: 0 !important;
}

.order-summary-inner .cart-item-name a {
    color: #e8e3f0 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    transition: color 0.3s ease !important;
}

.order-summary-inner .cart-item-name a:hover {
    color: #c084fc !important;
}

/* Quantity badge */
.order-summary-inner .cart-item-amount {
    flex-shrink: 0 !important;
    background: rgba(139, 44, 255, 0.12) !important;
    border: 1px solid rgba(139, 44, 255, 0.2) !important;
    border-radius: 8px !important;
    padding: 4px 10px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #c4b5d4 !important;
    text-align: center !important;
    min-width: 36px !important;
    font-family: 'OrbitronCZ', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

.order-summary-inner .cart-item-amount .unit-value {
    color: #8b7a9e !important;
    font-size: 10px !important;
    margin-left: 2px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* Item price */
.order-summary-inner .cart-item-price {
    flex-shrink: 0 !important;
    font-family: 'OrbitronCZ', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    color: #c084fc !important;
    min-width: 80px !important;
    text-align: right !important;
}

/* ---- Subtotal Row ---- */
.order-summary-inner .order-summary-item.helper {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 14px 16px !important;
    margin: 8px 0 !important;
    background: rgba(139, 44, 255, 0.06) !important;
    border: 1px solid rgba(139, 44, 255, 0.1) !important;
    border-radius: 12px !important;
}

.order-summary-inner .order-summary-item.helper strong {
    font-family: 'OrbitronCZ', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    color: #c4b5d4 !important;
}

.order-summary-inner .order-summary-item.helper > div:last-child {
    font-family: 'OrbitronCZ', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    color: #e8e3f0 !important;
}

/* ---- Shipping & Payment Rows ---- */
.order-summary-inner .order-recapitulation {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin: 12px 0 !important;
}

.order-summary-inner .recapitulation-single {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    padding: 14px 16px !important;
    background: rgba(15, 10, 22, 0.45) !important;
    border: 1px solid rgba(255, 255, 255, 0.04) !important;
    border-radius: 14px !important;
    transition: all 0.3s ease !important;
}

.order-summary-inner .recapitulation-single:hover {
    background: rgba(20, 14, 30, 0.6) !important;
    border-color: rgba(255, 255, 255, 0.07) !important;
}

/* Shipping/payment label */
.order-summary-inner .recapitulation-shipping-billing-label {
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.2px !important;
    color: #8b7a9e !important;
    font-family: 'OrbitronCZ', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* Shipping/payment info */
.order-summary-inner .recapitulation-shipping-billing-info {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #e8e3f0 !important;
    line-height: 1.5 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
}

/* Price tag inside shipping/payment */
.order-summary-inner .recapitulation-shipping-billing-info [data-testid="recapItemPrice"] {
    display: inline-flex !important;
    align-items: center !important;
    font-family: 'OrbitronCZ', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    background: rgba(139, 44, 255, 0.12) !important;
    border: 1px solid rgba(139, 44, 255, 0.2) !important;
    padding: 3px 10px !important;
    border-radius: 8px !important;
    color: #c084fc !important;
    white-space: nowrap !important;
    order: 2 !important;
}

/* ---- Final Total Section ---- */
.order-summary-inner .order-summary-item.price {
    margin-top: 16px !important;
    padding: 20px !important;
    background: linear-gradient(135deg, rgba(139, 44, 255, 0.1) 0%, rgba(107, 33, 168, 0.08) 50%, rgba(88, 28, 135, 0.1) 100%) !important;
    border: 1px solid rgba(139, 44, 255, 0.2) !important;
    border-radius: 16px !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Subtle glow accent on total */
.order-summary-inner .order-summary-item.price::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(139, 44, 255, 0.4), transparent) !important;
}

.order-summary-inner .price-wrapper {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 6px 16px !important;
    align-items: baseline !important;
}

/* "Celkem k úhradě" label */
.order-summary-inner .price-wrapper .price-label.price-primary {
    font-family: 'OrbitronCZ', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    color: #c4b5d4 !important;
}

/* Main total price */
.order-summary-inner .price-wrapper .price.price-primary {
    font-family: 'OrbitronCZ', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    text-align: right !important;
    text-shadow: 0 0 20px rgba(139, 44, 255, 0.3) !important;
}

/* "Cena bez DPH" label */
.order-summary-inner .price-wrapper .price-label.price-secondary {
    font-size: 11px !important;
    color: #6b5f7a !important;
    letter-spacing: 0.5px !important;
    margin-top: 4px !important;
}

/* Without VAT price */
.order-summary-inner .price-wrapper .price.price-secondary {
    font-size: 12px !important;
    color: #6b5f7a !important;
    text-align: right !important;
    font-weight: 500 !important;
}

/* ---- Mobile Adjustments ---- */
@media (max-width: 768px) {
    .order-summary-inner {
        padding: 20px 16px !important;
        border-radius: 20px !important;
    }
    
    .order-summary-inner > h4 {
        font-size: 12px !important;
        letter-spacing: 1.5px !important;
        margin-bottom: 16px !important;
        padding-bottom: 12px !important;
    }
    
    .order-summary-inner .cart-item {
        padding: 12px !important;
        border-radius: 12px !important;
        gap: 10px !important;
    }
    
    .order-summary-inner .cart-item-name a {
        font-size: 12px !important;
        white-space: normal !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
    }
    
    .order-summary-inner .cart-item-price {
        font-size: 12px !important;
        min-width: 65px !important;
    }
    
    .order-summary-inner .recapitulation-single {
        padding: 12px !important;
        border-radius: 12px !important;
    }
    
    .order-summary-inner .recapitulation-shipping-billing-info {
        font-size: 12px !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 6px !important;
    }
    
    .order-summary-inner .order-summary-item.price {
        padding: 16px !important;
        border-radius: 14px !important;
    }
    
    .order-summary-inner .price-wrapper .price.price-primary {
        font-size: 20px !important;
    }
}

@media (max-width: 480px) {
    .order-summary-inner {
        padding: 16px 12px !important;
        border-radius: 16px !important;
    }
    
    .order-summary-inner .cart-item {
        flex-wrap: wrap !important;
    }
    
    .order-summary-inner .cart-item-name {
        flex: 1 1 100% !important;
        order: 1 !important;
    }
    
    .order-summary-inner .cart-item-amount {
        order: 2 !important;
    }
    
    .order-summary-inner .cart-item-price {
        order: 3 !important;
        margin-left: auto !important;
    }
    
    .order-summary-inner .price-wrapper .price.price-primary {
        font-size: 18px !important;
    }
}

/* ============================================ */
/* END ORDER SUMMARY / RECAP SECTION            */
/* ============================================ */


/* ============================================ */
/* CHECKOUT: COLORS ONLY                        */
/* ============================================ */

/* Section headings - font only */
.co-box h4.order-icon {
    font-family: 'OrbitronCZ', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    color: #e8e3f0 !important;
}

.co-box h4.order-icon i {
    color: #a855f7 !important;
}

/* Select labels */
.co-basic-information .select-label {
    color: #8b7a9e !important;
}

/* Active radio option - faint highlight */
.shipping-billing-table .radio-wrapper.active label {
    background: rgba(139, 44, 255, 0.05) !important;
}

/* Option name text */
.shipping-billing-table .shipping-billing-name {
    color: #e8e3f0 !important;
}

/* Tooltip ? */
.shipping-billing-table .question-tooltip {
    color: #ffffff !important;
}

/* Choose delivery point */
.shipping-billing-table .sublabel a {
    color: #a855f7 !important;
}

/* Price badge - default */
.shipping-billing-table .payment-shipping-price {
    font-family: 'OrbitronCZ', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-weight: 700 !important;
    color: #c084fc !important;
}

/* ZDARMA = green */
.shipping-billing-table .payment-shipping-price.for-free {
    color: #4ade80 !important;
}

/* Discount = orange */
.shipping-billing-table .payment-shipping-price[data-billing-price-wv^="-"] {
    color: #fb923c !important;
}

/* Not possible combo */
.shipping-billing-table .not-possible-info {
    color: #ef4444 !important;
    font-style: normal !important;
}

/* ============================================ */
/* FINAL ORDER BUTTON                           */
/* ============================================ */

#submit-order.next-step-finish {
    background: linear-gradient(135deg, #892CFF 0%, #6b21a8 50%, #581c87 100%) !important;
    border: 1px solid rgba(168, 85, 247, 0.4) !important;
    border-radius: 16px !important;
    color: #ffffff !important;
    font-family: 'OrbitronCZ', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    padding: 18px 40px !important;
    min-width: 280px !important;
    flex: 1.5 !important;
    cursor: pointer !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 4px 25px rgba(139, 44, 255, 0.3) !important;
    transition: all 0.3s ease !important;
}

#submit-order.next-step-finish:hover {
    box-shadow: 0 6px 35px rgba(139, 44, 255, 0.45), 0 0 15px rgba(139, 44, 255, 0.2) !important;
    transform: translateY(-2px) !important;
}

#submit-order.next-step-finish:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 15px rgba(139, 44, 255, 0.3) !important;
}

#submit-order .order-button-text {
    display: block !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

#submit-order .order-button-suffix {
    display: block !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    letter-spacing: 1px !important;
    opacity: 0.7 !important;
    margin-top: 2px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    text-transform: none !important;
}

/* ============================================ */
/* FOOTER FIX (sticky summary overlap)          */
/* ============================================ */

/* Un-stick the order summary sidebar so it stops before footer */
.order-summary,
.order-summary-inner,
#summary-box,
.cart-content:has(> .order-summary),
.cart-row > div:has(.order-summary),
.ordering-process .cart-content,
.ordering-process .order-summary,
.ordering-process #summary-box,
.ordering-process .sticky,
.ordering-process .is-sticky,
.ordering-process .affix {
    position: static !important;
    top: auto !important;
}

/* Re-allow relative only where our styles need it */
.order-summary-inner .order-summary-item.price,
.order-summary-inner > h4,
#submit-order.next-step-finish {
    position: relative !important;
}